<extend name="Public/layout"/>

<block name="body">
    <div class="data-table">
        <table class="table table-hover">
            <thead>
                <tr>
                    <th width="200">备份名称</th>
                    <th width="80">卷数</th>
                    <th width="80">压缩</th>
                    <th width="80">数据大小</th>
                    <th width="200">备份时间</th>
                    <th>状态</th>
                    <th width="120">操作</th>
                </tr>
            </thead>
            <tbody>
                <volist name="list" id="data">
                    <tr>
                        <td>{$data.time|time_format}</td>
                        <td>{$data.part}</td>
                        <td>{$data.compress}</td>
                        <td>{$data.size}</td>
                        <td>{$key}</td>
                        <td>-</td>
                        <td class="action">
                            <a class="db-import" href="{:U('do_import?time='.$data['time'])}">还原</a>&nbsp;
                            <a class="ajax-get confirm" href="{:U('del?time='.$data['time'])}">删除</a>
                        </td>
                    </tr>
                </volist>
            </tbody>
        </table>
    </div>
</block>

<block name="script">
    <script type="text/javascript">
        $(function(){
            $(".db-import").click(function(){
                var self = this, status = ".";
                $.get(self.href, success, "json");
                window.onbeforeunload = function(){ return "正在还原数据库，请不要关闭！" }
                return false;
                function success(data){
                    if(data.status){
                        if(data.gz){
                            data.info += status;
                            if(status.length === 5){
                                status = ".";
                            }else{
                                status += ".";
                            }
                        }
                        $(self).parent().prev().text(data.info);
                        if(data.part){
                            $.get(self.href,
                                {"part" : data.part, "start" : data.start},
                                success,
                                "json"
                            );
                        }else{
                            window.onbeforeunload = function(){ return null; }
                        }
                    }else{
                        alertMessager(data.info, 'danger');
                    }
                }
            });
        });
    </script>
</block>
